<template>
  <div>
    <i></i>
    <div class="list">
      <div>
        <img src="../../assets/images/9442938684169526943-22.png" alt="" />
        <div>问医生</div>
      </div>
      <div>
        <router-link to="/hesuan">
          <div class="hot">
            <img src="../../assets/images/2642938684169526943-22.png" alt="" />
            <img src="../../assets/images/3686983417599335943-22.png" alt="" />
          </div>
          <div>核酸检测</div>
        </router-link>
      </div>
      <div>
        <router-link to="/prevention">
          <img src="../../assets/images/1742938684169526943-22.png" alt="" />
          <div>防疫物资</div>
        </router-link>
      </div>
      <div>
        <router-link to="/travel">
          <img src="../../assets/images/7448668684169526943-22.png" alt="" />
          <div>出行政策</div>
        </router-link>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
i {
  display: block;
  margin: 0.1rem 5%;
  width: 90%;
  height: 0.1px;
  background-color: #eeeeee;
}
.list {
  display: flex;
  justify-content: space-around;
  margin: 0.3rem 0 0.4rem 0;
  div {
    font-size: 13px;
    text-align: center;
    img {
      width: 40px;
    }
  }
  .hot {
    position: relative;
    img:nth-child(2) {
      width: 50%;
      position: absolute;
      right: 0;
      top: 0;
    }
  }
}
</style>
